import React, { Component } from 'react'

// 导入子组件
import Son2 from './Son2'
import Son1 from './Son1'
export default class Father extends Component {
    state = {
        flag: true  // 控制组件的显示
    }
    render() {
        return (
            <div>
                <p>我是父组件</p>
                <p><button onClick={() => {
                    this.setState({
                        flag: !this.state.flag
                    })
                }}>控制组件的显示隐藏</button></p>
                {/* 使用子组件 */}
                {
                    this.state.flag ? <Son1></Son1> : <Son2></Son2>
                }
            </div>
        )
    }
}
